﻿/*通用样式*/
.container {
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
}

.container-white {
    background-color: #fff !important;
}
/*页头*/
header {
    width: 100%;
    height: 108px;
    overflow: hidden;
    position: relative;
    z-index: 88;
    background-color: #cdab8f;
}

.header-md {
    max-width: 1450px;
    height: 108px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    align-items: center;
}

.header-right {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.header-right .tel-m {
    width: 276px;
    height: 23px;
    line-height: 23px;
    font-size: 32px;
    color: #232220;
    position: relative;
    text-align: center;
    margin: 0 20px;
}

.header-right .tel-m span {
    vertical-align: top;
}

.header-right .tel-m::after,
.header-right .tel-m:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 1px;
    height: 15px;
    background-color: #868483;
}

.header-right .tel-m:before {
    left: auto;
    right: 0;
}

.header-right .tel-m span {
    font-size: 16px;
}

.header-right .search-m {
    width: 17px;
    height: 17px;
    background: url(../images/search-icon.png) no-repeat;
    cursor: pointer;
}

.header-right .link-m {
    margin-left: 20px;
}

.header-right .link-m a {
    display: block;
    color: #4d3d43
}
/*banner*/
.banner-md {
    max-width: 1920px;
    height: 900px;
    position: relative;
    overflow: hidden;
}

.banner-md .swiper-pagination-progressbar {
    width: 1595px;
    left: 195px;
    top: auto;
    bottom: 80px;
    height: 3px;
}

.banner-md .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: #f6f6f6;
}

.banner-md .sw-pagination {
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 20px;
    width: 100%;
}

.banner-md .sw-pagination .sw-pagination-main {
    width: 100%;
    text-align: center;
}

.banner-md .sw-pagination span {
    font-size: 20px;
    color: #fff;
    padding: 0 5px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.banner-md .sw-pagination span.cur:before {
    content: ' ';
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}
/*顶部导航*/
.head-nav {
    width: 100%;
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 888;
    background-image: url(../images/head-nav-bg.png);
    text-align: center;
}

.head-nav li {
    position: relative;
    padding: 0 52px;
    display: inline-block;
}

.head-nav li a {
    font-size: 16px;
    color: #fff;
    display: block;
}

.head-nav li a.cur,
.head-nav li a:hover {
    color: #ff4343;
}

.head-nav li:before {
    content: '|';
    position: absolute;
    right: 0;
    width: 1px;
    height: 16px;
    color: #fff;
}

.head-nav li:last-child:before {
    display: none;
}

.head-nav li .sub-list {
    width: 100%;
    position: absolute;
    top: 40px;
    left: 0;
    background-image: url(../images/head-nav-bg.png);
    display: none;
}

.head-nav li .sub-list a {
    display: block;
}
/*咨询框*/
.consult-md {
    width: 100%;
    height: 90px;
    overflow: hidden;
    background-color: #221816;
    text-align: center;
}

.consult-md .csl-form {
    margin-top: 24px;
    overflow: hidden;
}

.consult-md input[type=text],
.consult-md select {
    width: 198px;
    height: 33px;
    font-size: 14px;
    border: 1px solid #999999;
    text-indent: 10px;
    margin-right: 7px;
    background-color: #221816;
    color: #fff;
}

.consult-md input[type=button] {
    font-size: 16px;
    color: #221715;
    background-color: #debb9b;
    border: 1px solid #debb9b;
    width: 198px;
    height: 35px;
    cursor: pointer;
}

/*企业信息*/
.baseInfo-md {
    width: 1280px;
    margin: 37px auto 82px auto;
    display: flex;
    justify-content: center;
}

.baseInfo-md dl {
    padding: 0 40px;
    border-left: 1px solid #afafaf;
}

.baseInfo-md dl:nth-child(1) {
    border-left: 0;
}

.baseInfo-md dl dt {
    height: 70px;
    text-align: center;
    color: #bb1c45;
}

.baseInfo-md dl dt span {
    font-size: 85px;
    line-height: 70px;
    margin-right: 10px;
}

.baseInfo-md dl dt i {
    display: inline-block;
    width: 26px;
    height: 70px;
    position: relative;
}

.baseInfo-md dl dt i em {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 26px;
    display: inline-block;
    font-size: 26px;
    line-height: 25px;
}

.baseInfo-md dl dt b {
    width: 26px;
    position: absolute;
    top: -10px;
    left: -1px;
    font-size: 38px;
    line-height: 25px;
    font-weight: unset;
    text-align: center;
}

.baseInfo-md dl dd {
    text-align: center;
    font-size: 25px;
    color: #161111;
    margin-top: 20px;
}
/*产品中心*/
.md-name {
    width: 1280px;
    height: 70px;
    margin: 0 auto 25px auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}

.md-name span {
    font-size: 33px;
    font-weight: bold;
    color: #000;
    position: relative;
    padding-left: 28px;
}

.md-name span::after {
    content: ' ';
    position: absolute;
    top: 5px;
    left: 0;
    width: 6px;
    height: 33px;
    background-color: #b1384b;
}

.md-name p {
    font-size: 12px;
    color: #1f1f1f;
    padding-left: 28px;
    margin-top: 5px;
}

.md-name .nav {
    margin-top: 10px;
}

.md-name .nav a {
    font-size: 16px;
    color: #000;
}

.pro-md-w {
    width: 100%;
    height: 1185px;
    background-image: url(../images/index/pro-md/pro-md-wrap-bg.jpg);
    background-repeat: no-repeat;
    overflow: hidden;
}

.pro-md {
    width: 100%;
    padding-bottom: 94px;
    overflow: hidden;
    /*border-bottom: 4px solid #f2f2f2;*/
}

.pro-md .pro-bd {
    width: 1600px;
    height: 738px;
    display: flex;
    justify-content: space-between;
}

.pro-md .left-content {
    width: 1120px;
    height: 738px;
    overflow: hidden;
    position: relative;
}

.pro-md .pro-nav {
    width: 386px;
    height: 39px;
    display: inline-flex;
    justify-content: space-between;
    margin-bottom: 67px;
}

.pro-md .pro-nav a {
    display: inline-block;
    width: 115px;
    height: 37px;
    line-height: 37px;
    font-size: 20px;
    text-align: center;
    border: 1px solid #000;
    transition: 0.2s ease-out;
    -webkit-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
}

.pro-md .pro-nav a:hover,
.pro-md .pro-nav a.cur {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.pro-md .right-content {
    width: 386px;
}

.pro-md .pro-info {
    width: 100%;
    height: 420px;
    overflow: hidden;
}

.pro-md .pro-info-list {
    width: 100%;
    height: 420px;
    overflow: hidden;
    position: relative;
}

.pro-md .txt {
    color: #1f1f1f;
}

.pro-md .txt-tit {
    font-size: 22px;
}

.pro-md .txt-cont {
    font-size: 12px;
    line-height: 1.5;
    margin: 20px 0;
}

.pro-md .link {
    width: 100%;
    font-size: 14px;
    color: #303960;
    margin-top: 15px;
    overflow: hidden;
    display: inline-block;
    padding-bottom: 17px;
    border-bottom: 2px solid #baa896;
}

.pro-md .link i,
.menu-md .link i {
    width: 6px;
    height: 8px;
    margin-left: 10px;
    background-image: url(../images/index/pro-md/pro-md-link.png);
    background-repeat: no-repeat;
    background-position: right center;
    display: inline-block;
}

.pro-md .txt-tit a:hover,
.pro-md .link:hover {
    color: #ff4343;
}

.pro-md .pro-menu {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pro-md .pro-menu a {
    display: block;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: bottom;
    margin: 15px 20px;
}

.pro-md .pro-menu .item1 {
    background-image: url(../images/index/pro-md/pro-md-menu-item1.png);
}

.pro-md .pro-menu .item1:hover {
    background-image: url(../images/index/pro-md/pro-md-menu-item1-hover.png);
}

.pro-md .pro-menu .item2 {
    background-image: url(../images/index/pro-md/pro-md-menu-item2.png);
}

.pro-md .pro-menu .item2:hover {
    background-image: url(../images/index/pro-md/pro-md-menu-item2-hover.png);
}

.pro-md .pro-menu .item3 {
    background-image: url(../images/index/pro-md/pro-md-menu-item3.png);
}

.pro-md .pro-menu .item3:hover {
    background-image: url(../images/index/pro-md/pro-md-menu-item3-hover.png);
}

.pro-md .pro-menu .item4 {
    background-image: url(../images/index/pro-md/pro-md-menu-item4.png);
}

.pro-md .pro-menu .item4:hover {
    background-image: url(../images/index/pro-md/pro-md-menu-item4-hover.png);
}

.pro-md .pro-menu .item5 {
    background-image: url(../images/index/pro-md/pro-md-menu-item5.png);
}

.pro-md .pro-menu .item5:hover {
    background-image: url(../images/index/pro-md/pro-md-menu-item5-hover.png);
}

.pro-md .pro-menu .item6 {
    background-image: url(../images/index/pro-md/pro-md-menu-item6.png);
}

.pro-md .pro-menu .item6:hover {
    background-image: url(../images/index/pro-md/pro-md-menu-item6-hover.png);
}
/*关于我们*/
/*.about-page .nav-mod .nav-list a {
    width: 110px;
}*/

.about-md {
    width: 100%;
    height: 845px;
    background-color: #debfa6;
    overflow: hidden;
    background-image: url(../images/index/about-md/about-md-bg.jpg);
    background-repeat: no-repeat;
}

.about-md .md-name {
    margin-top: 49px;
}

.about-md .md-bd {
    display: flex;
    width: 1280px;
    margin: 0 auto;
    overflow: hidden;
    justify-content: space-between;
}

.about-md h3 {
    font-size: 18px;
    line-height: 2;
    color: #313a5e;
    margin-top: 100px;
    margin-bottom: 40px;
}

.about-md p {
    font-size: 12px;
    color: #1f1f1f;
    line-height: 2;
}

.about-md .link-btn {
    display: block;
    width: 213px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #000;
    margin-top: 55px;
    transition: 0.2s ease-out;
    -webkit-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
}

.about-md .ab-nav {
    font-size: 0;
    text-align: right;
    overflow: hidden;
    margin-top: 34px;
}

.about-md .link-btn:hover,
.about-md .ab-nav a:hover {
    color: #fff;
    border-color: #000;
    background-color: #000;
}

.about-md .ab-nav a {
    display: inline-block;
    width: 138px;
    height: 43px;
    line-height: 43px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #000;
    margin-right: 15px;
    transition: 0.2s ease-out;
    -webkit-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
}

.about-md .ab-nav a:last-child {
    margin-right: 0;
}
/*爆款热卖*/
.hotSale-md {
    width: 100%;
    height: 1271px;
    font-size: 0;
    background-color: #ddb995;
    overflow: hidden;
}

.hotSale-md .md-name {
    margin-top: 68px;
}

.hotSale-list {
    width: 1280px;
    margin: 0 auto;
    overflow: hidden;
}

.hotSale-list .item {
    display: inline-block;
    width: 615px;
    height: 491px;
    overflow: hidden;
    margin-bottom: 20px;
}

.hotSale-list .item:hover {
    background-color: #e9c6a6;
    box-shadow: 0px 4px 20px #221f1c12;
}

.hotSale-list .item-inner {
    width: 600px;
    margin: 10px auto 0 auto;
    overflow: hidden;
}

.hotSale-list .item .pic {
    width: 600px;
    height: 389px;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.hotSale-list .item:hover img {
    transition: 0.5s;
    transform: scale(1.1);
}

.hotSale-list .item .pic img {
    max-width: 100%;
    height: 100%;
    transition: 0.5s;
}

.hotSale-list .item:nth-child(2n+1) {
    margin-right: 46px;
}

.hotSale-list .info {
    padding: 0 6px;
    margin-top: 30px;
    clear: none;
    font-size: 0;
}

.hotSale-list .item:hover .txt {
    padding-left: 34px;
}

.hotSale-list .item:hover .btn {
    width: 182px;
    margin-right: 34px;
    background-color: #000;
    color: #fff;
}

.hotSale-list .txt {
    font-size: 20px;
    float: left;
}

.hotSale-list b {
    font-weight: bold;
    color: #171717;
}

.hotSale-list span {
    color: #313131;
    border-left: solid 1px #313131;
    padding-left: 10px;
    margin-left: 10px;
}

.hotSale-list .btn {
    font-size: 20px;
    color: #363636;
    height: 47px;
    line-height: 47px;
    text-align: center;
    float: right;
}
/*创始人风采*/
.founder-md {
    width: 100%;
    height: 1008px;
    overflow: hidden;
    background-image: url(../images/index/founder-md/bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}

.founder-md .founder-main {
    width: 1280px;
    margin: 108px auto 0 auto;
    overflow: hidden;
}

.founder-md .founder-bd {
    width: 462px;
    color: #fff;
}

.founder-md .md-name span,
.founder-md .md-name p {
    color: #fff;
}

.founder-md .txt {
    font-size: 16px;
    line-height: 2;
}

.founder-md .p2 {
    margin-top: 56px;
}

.founder-md .nav {
    margin-top: 75px;
    font-size: 0;
}

.founder-md .nav a:first-child {
    margin-right: 16px;
}

.founder-md .nav a {
    width: 221px;
    height: 143px;
    overflow: hidden;
}

.founder-md .nav a:hover img {
    transition: 0.5s;
    transform: scale(1.1);
}

.founder-md .nav a img {
    max-width: 100%;
    height: 100%;
    transition: 0.5s;
}

.founder-md .link-btn {
    width: 238px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #ececec;
    margin-top: 114px;
    display: inline-block;
    color: #fff;
    transition: 0.2s ease-out;
    -webkit-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
    background-image: url(../images/index/about-md/link.png);
    background-repeat: no-repeat;
    background-position: 160px center;
}

.founder-md .link-btn:hover {
    color: #fff;
    border-color: #59607f;
    background-color: #59607f;
}
/*实力品牌*/
.brand-md {
    width: 100%;
    height: 812px;
    overflow: hidden;
    background-color: #e0c1a5;
}

.brand-md .brand-bd {
    width: 100%;
    margin: 84px auto 0 auto;
    /*overflow: hidden;
    display: flex;
    justify-content: space-between;*/
    text-align: center;
    font-size: 0;
}

.brand-md .brand-bd .item {
    width: 226px;
    height: 411px;
    overflow: hidden;
    display: inline-block;
    margin-right: 33px;
    position: relative;
}

.brand-md .brand-bd .item .bm {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 19;
}

.brand-md .brand-bd .item:hover > img {
    transition: 0.5s;
    transform: scale(1.1);
}

.brand-md .brand-bd .item > img {
    max-width: 100%;
    height: 100%;
    transition: 0.5s;
}

.brand-md .brand-bd .item:last-child {
    margin-right: 0;
}

.brand-md .brand-bd .item:nth-child(2n) {
    bottom: -57px;
}

.brand-md .md-name {
    margin-top: 76px;
}

/*新闻中心*/
.news-md {
    width: 100%;
    height: 744px;
    overflow: hidden;
    background-color: #eaccb4;
}

.news-md .md-name {
    margin-top: 72px;
}

.news-md .news-main {
    width: 1280px;
    overflow: hidden;
    margin: 0 auto;
}

.news-md .news-bd {
    width: 100%;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}

.news-md .nav a {
    width: 168px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    display: inline-block;
    border: 1px solid #000;
    font-size: 18px;
    color: #000;
    transition: 0.2s ease-out;
    -webkit-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
}

.news-md .link-btn:hover,
.news-md .nav a:hover {
    color: #fff;
    border-color: #000;
    background-color: #000;
}

.news-md .ns-pic {
    width: 630px;
    height: 380px;
    background-color: #deb995;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.news-md .ns-pic a:hover img {
    transition: 0.5s;
    transform: scale(1.1);
}

.news-md .ns-pic img {
    max-width: 100%;
    height: 100%;
    transition: 0.5s;
}

.news-md .ns-list {
    width: 680px;
    height: 380px;
    margin-left: 20px;
}

.news-md .ns-list a {
    display: inline-block;
    border-bottom: 1px solid #909090;
    padding: 36px 0;
    transition: 0.2s ease-out;
    -webkit-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
    width: 100%;
}

.news-md .ns-list a:first-child {
    padding-top: 0;
}

.news-md .ns-list .tit {
    font-size: 18px;
    color: #3e3a39;
}

.news-md .ns-list a:hover .tit,
.news-md .ns-list a:hover .cont {
    color: #59607f;
}

.news-md .ns-list .cont {
    font-size: 14px;
    color: #3e3a39;
    height: 42px;
    line-height: 1.5;
}

.news-md .link-btn {
    width: 238px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #878787;
    margin: 40px auto 0 auto;
    display: block;
    font-size: 14px;
    color: #595757;
    transition: 0.2s ease-out;
    -webkit-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
}

.menu-md {
    width: 100%;
    height: 812px;
    background-color: #e5c7af;
    overflow: hidden;
}

.menu-md .menu-bd {
    width: 1367px;
    height: 567px;
    margin: 95px auto 0 auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}

.menu-md .item {
    width: 424px;
    height: 537px;
    overflow: hidden;
    background-color: #deb995;
}

.menu-md .item:hover {
    box-shadow: 0px 4px 20px #deb995;
    color: #fff;
}

.menu-md .pic {
    width: 424px;
    height: 402px;
    overflow: hidden;
    margin: 0 auto;
}

.menu-md .item:hover img {
    transition: 0.5s;
    transform: scale(1.1);
}

.menu-md .pic img {
    max-width: 100%;
    height: 100%;
    transition: 0.5s;
}

.menu-md .txt {
    width: 424px;
    height: 135px;
    text-align: center;
}

.menu-md .tit {
    font-size: 27px;
    color: #1f1f1f;
    margin-top: 30px;
}

.menu-md .link {
    font-size: 14px;
    color: #303960;
    margin-top: 22px;
}
/*页脚*/
footer {
    background-color: #e2c1a0;
}

.footer-ensure {
    width: 100%;
    height: 348px;
    overflow: hidden;
    background: url(../images/footer-ensure.jpg) no-repeat center center;
}

.footer-info {
    width: 1280px;
    height: 564px;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}

.footer-info .ft-logo {
    width: 100%;
    height: 74px;
    overflow: hidden;
    margin-top: 77px;
}

.footer-info .right-content {
    width: 645px;
}

.footer-info .nav-list {
    width: 100%;
    display: inline-flex;
    justify-content: space-around;
    margin-top: 91px;
}

.footer-info .nav-list ul li {
    margin-bottom: 15px;
    text-align: center;
}

.footer-info .nav-list ul li:last-child {
    margin-bottom: 0;
}

.footer-info .nav-list ul li a {
    font-size: 14px;
    color: #333333;
}

.footer-info .nav-list ul li a:hover {
    color: #303960 !important;
}

.footer-info .nav-list ul li:first-child a {
    font-size: 18px;
    color: #3e3a39;
}

.footer-info .wx-list {
    width: 100%;
    display: inline-flex;
    justify-content: flex-end;
    margin-top: 10px;
}

.footer-info .wx-item {
    width: 115px;
    height: 148px;
    background-color: #dfbb99;
    text-align: center;
}

.footer-info .wx-item:first-child {
    margin-right: 20px;
}

.footer-info .wx-item .pic {
    width: 105px;
    height: 107px;
    overflow: hidden;
    margin: 6px auto 0 auto;
}

.footer-info .wx-item .txt {
    font-size: 12px;
    line-height: 35px;
}

.footer-info .ft-contact {
    font-size: 16.53px;
    line-height: 2;
    color: #000000;
    margin: 53px 0 93px 0;
}

.footer-info .ft-hotTel p {
    font-size: 16px;
    color: #3e3a39;
}

.footer-info .ft-hotTel b {
    font-size: 42px;
    color: #232220;
}

.footer-info .ft-hotTel .icon {
    height: 46px;
    margin-top: 25px;
}

.footer-info .ft-hotTel .friendly_link {
    font-size: 12px;
    margin-top: 15px;
    color: #3333339c;
}

.footer-info .ft-hotTel .friendly_link a {
    color: #3333339c;
}

.footer-copyright {
    width: 100%;
    height: 50px;
    background-color: #261b19;
}

.copyright-bd {
    width: 1280px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    font-size: 14px;
    color: #fff;
}

.copyright-bd a {
    font-size: 14px;
    color: #fff;
}
/*通用页头*/
.common-headerMod .banner-mod {
    width: 100%;
    height: 698px;
    position: relative;
    overflow: hidden;
}
/*产品中心页*/
.productCenterMod {
    width: 100%;
    /*background-color: #f2f2f2;*/
    overflow: hidden;
}

.filterMod-wrap {
    width: 100%;
    overflow: hidden;
    /* background: url(../images/product-page/filterMod-bg.jpg) repeat-x;*/
    overflow: hidden;
    margin-bottom: 30px;
}

.filterMod {
    width: 1276px;
    margin: 28px auto 0 auto;
    overflow: hidden;
    border: 2px solid #717171;
    background-color: #dcba95;
}

.filterMod .filter-item {
    width: 100%;
    height: 70px;
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #717171;
}

.filterMod .filter-item:last-child {
    border: none;
}

.filterMod .filter-item .name {
    width: 180px;
    height: 70px;
    line-height: 70px;
    font-size: 28px;
    color: #fff;
    text-align: center;
    background-color: #000;
}

.filterMod .filter-item ul {
    display: inline-flex;
    align-items: center;
}

.filterMod .filter-item ul li {
    width: 138px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    margin-left: 15px;
}

.filterMod .filter-item ul li.cur a,
.filterMod .filter-item ul li:hover a {
    background-color: #000;
    color: #fff;
}

.filterMod .filter-item ul li a {
    width: 138px;
    height: 46px;
    font-size: 26px;
    color: #374b5e;
    display: block;
}

.position-mod {
    width: 1280px;
    margin: 0 auto;
    overflow: hidden;
    font-size: 12px;
    color: #000;
    margin: 28px auto 38px auto;
}

.position-mod a {
    font-size: 12px;
    color: #000;
}

.productCenterMod .hotSale-list .item {
    background-color: #e8c6a6;
}
/*发展历程*/
.page-head-wrap {
    width: 100%;
    background-color: #e2c7aa;
    overflow: hidden;
}

.nav-mod {
    width: 100%;
    height: 108px;
    background-color: #221816;
}

.nav-mod .nav-main {
    width: 1280px;
    height: 108px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nav-mod .page-name {
    font-size: 33px;
    color: #e2c7aa;
    position: relative;
    padding-left: 29px;
}

.nav-mod .page-name::after {
    content: ' ';
    width: 6px;
    height: 33px;
    position: absolute;
    top: 8px;
    left: 0;
    background-color: #b1384b;
}

.nav-mod .page-name span {
    margin-left: 33px;
}

.nav-mod .nav-list a {
    width: 175px;
    height: 108px;
    line-height: 108px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    display: inline-block;
    transition: 0.2s ease-out;
    -webkit-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
}

.nav-mod .nav-list a:hover,
.nav-mod .nav-list a.cur {
    background-color: #b1384b;
}

.history-hd {
    width: 100%;
    height: 84px;
    text-align: center;
    overflow: hidden;
    margin-bottom: 30px;
}

.history-page .position-mod {
    margin-bottom: 60px;
}

.history-page .banner-mod,
.about-page .banner-mod,
.rwCulture-page .banner-mod {
    height: 590px !important;
}
/*关于我们*/
.about-hd,
.founder-hd {
    width: 100%;
    height: 84px;
    text-align: center;
    overflow: hidden;
    margin-bottom: 80px;
}

.container {
    background-color: #dcba95;
}

.about-mod-a {
    width: 100%;
    height: 1086px;
    background: url(../images/about-page/about-mod1-left-bg.png) no-repeat left bottom;
}

.about-mod-a-main {
    width: 1411px;
    height: 1086px;
    background: url(../images/about-page/about-mod1-bg.jpg) no-repeat right bottom;
    overflow: hidden;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
}

.about-mod-a-l {
    width: 649px;
    height: 1086px;
    padding-left: 87px;
    margin-right: 77px;
}

.about-mod-a-l .pic {
    margin-top: 55px;
    width: 649px;
    height: 657px;
}

.about-mod-a-r {
    width: 649px;
    height: 1086px;
}

.about-mod-a-r .pic {
    width: 649px;
    height: 517px;
}

.about-mod-a-r .txt {
    width: 100%;
    margin-top: 40px;
    overflow: hidden;
}

.about-mod-a-r .txt p {
    font-size: 18px;
    color: #1f1f1f;
    line-height: 1.6;
    margin-bottom: 34px;
}

.about-mod-a-r .txt p:last-child {
    margin-bottom: 0;
}

.about-mod-a-r .txt p:last-child {
    padding-left: 230px;
}

.about-mod-a-l h3 {
    font-size: 34px;
    color: #3f476a;
    margin-top: 15px;
}

.about-mod-a-l .line {
    display: block;
    width: 95px;
    height: 5px;
    background-color: #3f476a;
    margin-top: 24px;
}

.about-mod-a-l b {
    font-size: 24px;
    color: #3f476a;
    margin: 40px 0 35px 0;
    display: block;
}

.about-mod-a-l p {
    font-size: 18px;
    color: #1f1f1f;
    line-height: 1.5;
}

.about-mod-b {
    width: 100%;
    height: 1219px;
    margin-top: 48px;
    margin-bottom: 100px;
    overflow: hidden;
    background-image: url(../images/about-page/about-mod2-bg.jpg);
    background-repeat: no-repeat;
    background-position: right 490px;
}

.about-mod-b .about-mod-b-main {
    width: 1414px;
    margin: 0 auto;
}

.about-mod-b .about-mod-b-tp {
    width: 100%;
    height: 654px;
    margin-bottom: 64px;
}

.about-mod-b .about-mod-b-bm {
    height: 501px;
}

.about-mod-b .bm-pic {
    float: left;
    width: 645px;
    height: 501px;
}

.about-mod-b .bm-txt {
    float: right;
    width: 650px;
    height: 501px;
    padding-left: 119px;
    font-size: 18px;
    color: #1f1f1f;
}

.about-mod-b .bm-txt p {
    line-height: 1.5;
}

.about-mod-b .bm-txt p:first-child {
    margin-bottom: 88px;
}

.about-mod-b .bm-txt b {
    font-size: 24px;
    color: #0b0f58;
}

.about-mod-b .bm-txt-ft {
    font-size: 24px;
    color: #0b0f58;
    margin-top: 42px;
}
/*工艺保障*/
.craft-page .common-headerMod .banner-mod {
    height: 701px;
}

.craft-hd {
    width: 100%;
    height: 86px;
    text-align: center;
    margin-bottom: 68px;
}

.craft-main img {
    max-width: 100%;
    display: block;
}
/*新闻资讯*/
.news-page {
    width: 100%;
    overflow: hidden;
    /*  background-color: #f2f2f2;*/
}

.news-page .common-headerMod .banner-mod {
    height: 701px;
}

.news-page .news-list {
    width: 1303px;
    margin: 30px auto 0 auto;
    overflow: hidden;
    font-size: 0;
}

.news-page .news-item {
    width: 423px;
    height: 492px;
    display: inline-block;
    background-color: #e8c6a6;
    font-size: 14px;
    color: #3e3a39;
    margin-bottom: 50px;
    margin-right: 17px;
    overflow: hidden;
}

.news-page .news-item:hover {
    box-shadow: 0px 4px 20px #e8c6a6;
}

.news-page .news-item:nth-child(3n) {
    margin-right: 0;
}

.news-page .news-item .ns-pic {
    width: 423px;
    height: 267px;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.news-page .news-item .ns-pic img {
    max-width: 100%;
}

.news-page .news-item .ns-info {
    padding: 20px;
}

.news-page .news-item .ns-tit {
    width: 100%;
    height: 26px;
    font-size: 20px;
    overflow: hidden; /*内容超出后隐藏*/
    text-overflow: ellipsis; /*超出内容显示为省略号*/
    white-space: nowrap; /*文本不进行换行*/
}

.news-page .news-item .ns-time {
    margin-top: 25px;
}

.news-page .news-item .ns-cont {
    margin-top: 20px;
    line-height: 1.4;
}
/*品牌创始人*/
.founder-hd {
    height: 86px;
}

.founder-main,
.details-bd {
    width: 1024px;
    min-height: 550px;
    margin: 0 auto 100px auto;
    overflow: hidden;
    font-size: 16px;
    line-height: 23px;
    padding-top: 30px;
}

.founder-main p,
.details-bd p {
    margin-bottom: 10px;
}
/*通用列表*/
.honor-page {
    width: 100%;
    /*    background-color: #f2f2f2;*/
    overflow: hidden;
}

.common-list {
    width: 1280px;
    margin: 0 auto 50px auto;
    overflow: hidden;
    padding-top: 30px;
}

.common-list .list-item {
    display: inline-block;
    width: 615px;
    height: 491px;
    overflow: hidden;
    margin-bottom: 20px;
    background-color: #e8c6a6;
}

.common-list .list-item:nth-child(2n+1) {
    margin-right: 46px;
}

.common-list .list-item .item-inner {
    width: 600px;
    margin: 10px auto 0 auto;
    overflow: hidden;
}

.common-list .list-item .pic {
    width: 600px;
    height: 389px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.common-list .list-item:hover img {
    transition: 0.5s;
    transform: scale(1.1);
}

.common-list .list-item .pic img {
    max-width: 100%;
    height: 100%;
    transition: 0.5s;
}

.common-list .list-item .tit {
    width: 100%;
    height: 92px;
    line-height: 92px;
    font-size: 20px;
    color: #313131;
    text-align: center;
}

.VideoContent_wrap {
    width: 1280px;
    margin: 0 auto 100px auto;
    overflow: hidden;
}
/*预约体验*/

.ju-want {
    height: 450px;
}

.ju-want-content {
    margin: 30px auto 0 auto;
    color: #000;
    overflow: hidden;
}

.ju-want-tle {
    text-align: center;
    padding: 80px 0 40px;
}

.ju-want-tle fieldset {
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 19px;
}

.ju-want-tle p {
    font-size: 30px;
    line-height: 30px;
}

.ju-want-txt {
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    margin-bottom: 40px;
}

.ju-want-form {
    width: 580px;
    height: 325px;
    margin: 0 auto;
}

.ju-want-form label {
    font-size: 14px;
    text-align: right;
}

.ju-want-form p {
    display: flex;
    justify-content: space-between;
    height: 60px;
    line-height: 60px;
    margin-bottom: 28px;
}

.ju-want-form p input {
    width: 500px;
    height: 60px;
    box-sizing: border-box;
    border: 1px solid #303960;
    padding-left: 20px;
    font-size: 16px;
}

.ju-want-form-city-item {
    width: 500px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ju-want-form-city-item .select-ele {
    width: 160px;
    height: 60px;
    box-sizing: border-box;
    border: 1px solid #303960;
    cursor: pointer;
    padding-left: 20px;
}

.ju-want-form-btu {
    display: flex;
    flex-flow: row-reverse;
}

.ju-want-form button {
    display: block;
    width: 500px;
    height: 60px;
    background-color: #000;
    font-size: 16px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    border: none;
}

.ju-want-form-tip {
    margin-left: 80px;
    margin-top: 20px;
}

.ju-want-form-tip i {
    font-size: 16px;
    line-height: 16px;
    color: #666;
}

.craft-bd {
    min-height: 500px;
}

.aboutCulture-main {
    font-size: 14px;
    line-height: 200%;
}

.join_ef_input {
    max-width: 1280px;
    margin: 40px auto;
    overflow: hidden;
    border: 1px solid #b5b5b5;
    background-color: #fff;
}

.join_ef_input dt {
    float: left;
    max-width: 652px;
    position: relative;
}

.join_ef_input dt img {
    width: 100%;
    display: block;
}

.join_ef_input dt p {
    width: 100%;
    height: 63px;
    line-height: 63px;
    text-align: center;
    color: #ffffff;
    font-size: 27px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    font-family: 'Ã¥Â®â€¹Ã¤Â½â€œ';
    font-weight: bold;
}

.join_ef_input dd {
    float: right;
    max-width: 550px;
    padding-left: 55px;
    padding-top: 50px;
}

.join_ef_input dd p {
    width: 240px;
    float: left;
    border-bottom: 1px solid #dcdcdc;
    font-size: 14px;
    color: #4d4d4d;
    height: 30px;
    line-height: 30px;
    margin-bottom: 40px;
    margin-right: 30px;
}

.join_ef_input dd p input {
    height: 30px;
    background-color: unset;
    border: 0;
}

.join_ef_input dd textarea {
    height: 30px;
    margin-top: 30px;
    border: 0;
    border-bottom: 1px solid #dcdcdc;
    font-size: 14px;
    color: #4d4d4d;
    line-height: 30px;
    width: 513px;
}

.join_ef_input dd .jai_button {
    width: 150px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #4d4d4d;
    border: 1px solid #ddd;
    font-size: 16px;
    background-color: unset;
    margin-top: 30px;
    cursor: pointer;
}

.joinUs-content .brand-content-introduce {
    width: 1200px;
    margin: 0 auto;
}

.chinesePackage-body .goods-list-item {
    position: relative;
}



.chinesePackage-body .goods-list-item .opbar {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
}

.chinesePackage-body .goods-list-item .opbar a:first-child {
    margin-top: 120px;
}

.chinesePackage-body .goods-list-item .opbar a {
    width: 200px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    background: rgb(174, 14, 22);
    margin: 0 auto;
    display: block;
    text-align: center;
    margin-bottom: 20px;
}

.chinesePackage-body .goods-list-item:hover .opbar {
    display: block;
}

.onlineJoinUs-main {
    width: 100%;
    overflow: hidden;
    padding-bottom: 100px;
}
/*搜索*/
.header-md .search_icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 24px;
    height: 24px;
    background: url('../images/search.png') no-repeat;
    background-size: 24px 24px;
    background-position: right center;
    padding-left: 20px;
    cursor: pointer;
    border-left: 1px solid #525354;
}

.header-md .search {
    display: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    overflow: hidden;
    width: 330px;
    height: 40px;
    transition: all .3s;
    background-color: #cdab8f;
}

.header-md .search .search_wrap {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 300px;
    height: 40px;
    border-radius: 20px;
    border: 1px solid #525354;
    box-sizing: border-box;
}

.header-md .search .search_wrap .sw_input {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    outline: none;
    height: 24px;
    width: 250px;
    padding: 0 10px;
    font-size: 18px;
    color: #545454;
    background: none;
    box-sizing: border-box;
}

.header-md .search .search_wrap .sw_submit {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url('../images/search.png') no-repeat;
    background-size: 100%;
    background-position: center;
    cursor: pointer;
    border: none;
    outline: none;
}

.header-md .search .sw_close {
    position: absolute;
    right: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    cursor: pointer;
    transform: translateY(-50%) rotate(45deg);
}

.header-md .search .sw_close::before {
    position: absolute;
    left: 8px;
    top: 0;
    content: '';
    width: 4px;
    height: 20px;
    background-color: #525354;
    border-radius: 2px;
}

.header-md .search .sw_close::after {
    position: absolute;
    left: 0px;
    top: 8px;
    content: '';
    width: 20px;
    height: 4px;
    background-color: #525354;
    border-radius: 2px;
}
/*品牌专区*/
.specialized {
    width: 1203px;
    margin: 0 auto 100px auto;
}

.specialized li {
    border-radius: 5px;
    margin-bottom: 35px;
    position: relative;
    z-index: 3;
}

.specialized li:nth-child(2n) a {
    left: auto;
    right: 144px;
}

.specialized li a {
    width: 100px;
    height: 28px;
    background-color: #06132a;
    color: #ffffff;
    font-size: 14px;
    color: #ffffff;
    display: block;
    position: absolute;
    top: 260px;
    left: 144px;
    z-index: 2;
    text-align: center;
    line-height: 28px;
    transition: all 0.5s;
    border-radius: 3px;
}

.specialized li a i {
    font-family: '宋体';
    margin-left: 5px;
}

.specialized li a:hover {
    background-color: #3e6776;
}
/*在线客服*/
.OnlineService-mod {
    width: 70px;
    height: 364px;
    background-image: url(../images/OnlineService.png);
    background-repeat: no-repeat;
    position: fixed;
    top: 250px;
    right: 0;
}

.onlSev-main {
    width: 70px;
    height: 364px;
    background-image: url(../images/OnlineService.png);
    background-repeat: no-repeat;
}

.OnlineService-mod .onlSevItem {
    width: 100%;
    height: 68px;
    margin-bottom: 1px;
    position: relative;
}

#gotop,
.OnlineService-mod .openformbtn {
    cursor: pointer;
}

.OnlineService-mod .onlSevItem:first-child {
    height: 40px;
    cursor: initial;
}

.OnlineService-mod .onlSevItem:last-child {
    height: 40px;
    margin-top: 7px;
}

.OnlineService-mod span {
    background-color: #3d2c29;
    transition: 0.5s;
    left: 70px;
    top: 0px;
    width: 200px;
    height: 68px;
    text-align: center;
    color: #fff;
    line-height: 68px;
    font-size: 24px;
    font-weight: bold;
    position: absolute;
    z-index: -1;
}

.OnlineService-mod .onlSevItem:hover span {
    left: -200px;
}

.OnlineService-mod .pic {
    transition: 0.5s;
    left: 70px;
    top: 50%;
    width: 126px;
    height: 126px;
    position: absolute;
    z-index: -1;
    transform: translateY(-50%);
    background-color: rgb(255, 255, 255);
}

.OnlineService-mod .pic .pic-box {
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.OnlineService-mod .pic .pic-box img {
    width: 116px;
    height: 116px;
}

.OnlineService-mod .onlSevItem:hover .pic {
    left: -126px;
}

#main_contact_map {
    width: 1024px;
    height: 500px;
    overflow: hidden;
    margin: 0 auto;
}

.contact-main-bd {
    margin-top: 30px;
}

.culture-page .details-bd {
    width: 770px;
    min-height: 250px;
}

.culture-page .culture-banner {
    text-align: center;
    margin: 30px 0;
    overflow: hidden;
}

.TiktokCode {
    cursor: pointer;
}

.TiktokCodeBox {
    text-align: center;
}

.TiktokCodeBox .wx-pic {
    padding: 10px 0;
}

.TiktokCodeBox .wx-pic img {
    height: 680px;
}

.TiktokCodeBox .wx-tit {
    font-size: 14px;
    color: #666666;
}

.serviceGuarantee-main {
    width: 100%;
    background-image: url(../images/serviceGuarantee-main-left-bg.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}

.serviceGuarantee-main .service-bd {
    width: 1267px;
    height: 858px;
    margin: 0 auto;
}
